/* 首页CSS */

/* 头部 */
header{
  width: 100%;
  height: 3.75rem;
  position: relative;
}
header img{
  display: block;
  width: 100%;
  height: 100%;
}
header .top{
  width: 6.84rem;
  height: 10.22rem;
  background-color: white;
  border-radius: .2rem;
  position: absolute;
  top: 75%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 30px 10px rgba(0, 0, 0, .1);
}
header .top .topcon{
  width: 92%;
  margin: 0 auto;
}
.top .topcon h2{
  font-size: .32rem;
  margin-top: .3rem;
  margin-bottom: .16rem;
  letter-spacing: .04rem;
}
.topcon p{
  font-size: .25rem;
  color: #292929;
  letter-spacing: .04rem;
  line-height: .44rem;
}
.topcon .ul1{
  width: 97%;
  margin: 0 auto;
  margin-top: .2rem;
  margin-bottom: .4rem;
  display: flex;
  justify-content: space-between;
}
.topcon .ul1 li{
  width: 1.07rem;
  height: 1.07rem;
}
.topcon .ul1 li img{
  display: block;
  width: 100%;
  height: 100%;
}

.topcon h3{
  font-size: .28rem;
  margin-top: .3rem;
  margin-bottom: .32rem;
  letter-spacing: .04rem;
}
.topcon .detail{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.detail .ul2{
  width: .32rem;
}
.detail .ul2 li{
  width: 100%;
  margin-bottom: .32rem;
}
.detail .ul2 li img{
  display: block;
  width: .33rem;
  height: .32rem;
}
.detail .ul3{
  width: 5.68rem;
}
.detail .ul3 li{
  width: 100%;
  margin-bottom: .32rem;
}
.detail .ul3 li p{
  font-size: .24rem;
  color: #292929;
  line-height: .32rem;
}

.topcon .ul4{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.topcon .ul4 li{
  width: 48%;
  height: 2.4rem;
}
.topcon .ul4 li img{
  display: block;
  width: 100%;
  height: 100%;
}
.big{
  height: 10.5rem;
}